﻿var rubroAnterior = "";

$(document).ready(function () {
    //Cuando carga la home inserta por default el tab seteado en esta variable. 
    //Puede ser: Pelicula, Libro, Teatro, Restaurant
    var rubroDefault = 'Pelicula';

    comprobarLogIn();

    document.title = "Recomendaciones - Home"

    //Inicializa la funcionalidad de los tabs
    $(function () {
        $("#tabs").tabs();
    });

    //Carga el tab default con el código correspondiente dentro del mismo
    insertarTab(rubroDefault);
});



$(window).load(function () {
    $('#menuHome > a').attr('href', '#');
    $('.breadcrumb > li:first > a').attr('href', '#');
});

function insertarTab(rubro) {
    //Comprobamos si se está clickeando en una solapa distinta de la actual//
    if (rubroAnterior != rubro) {
        rubroAnterior = rubro;

        //Vacia todos los tabs
        limpiarTabs();

        //Inserta los formularios del ABM correspondiente
        //4-12
        //insertarFormsRubro(rubro);

        $.ajax({
            url: '/Paginas/Tab' + rubro + '.htm',
            async: false, //Lo hacemos sincrónico porque necesitamos que primero se genere el HTML//
            success: function (data) {
                //Llena el div del tab con el html del tab correspondiente
                $('#tab' + rubro).html(data);

                //Inicializa el accordion
                $(function () {
                    $('#accordion' + rubro).accordion({
                        autoHeight: false
                    });
                });

                //Carga los datos correspondientes de ultimas novedades
                cargarUltimasNovedades(rubro);
            }
        });

        //Comprueba si alguien inició sesión o no, para poner Ingresar o Salir en el botón de la página//
        comprobarLogIn();

    }
}

function limpiarTabs() {
    $('#tabPelicula').html('');
    $('#tabTeatro').html('');
    $('#tabLibro').html('');
    $('#tabRestaurant').html('');
}

function activarBotonInsertar(rubro) {
    eval('cargarMaestrosForm' + rubro + '();');
}

//4-12 CargarMaestros los mudé a Modales.js porque se usan desde todas las paginas, no solo en la home//

function cargarUltimasNovedades(rubro) {
    $.ajax({
        url: '/Paginas/Item' + rubro + '.htm',
        async: false, //Lo hacemos sincrónico porque necesitamos que primero se genere el HTML//
        success: function (data) {
            
            for (i = 0; i < 10; i++) {
                //Agregamos 10 veces el contenido de item correpondiente que es el código html para cada Item en el accordion//
                $("#accordion" + rubro).append(data);
            }

            $("#accordion" + rubro).accordion("destroy").accordion({ autoHeight: false });
            $("#accordion" + rubro).accordion();
        }
    });
    consultarTopTen(rubro);
}

function consultarTopTen(rubro) { //Ahora lo estamos usando para consultar últimas novedades y top10//
    var datos = llamarServicio("POST", "/Servicios/servicio.asmx/ConsultarTopTen" + rubro + "s", "", false, "application/json; charset=utf-8", "json");
    //Agregado 1-12
    if (datos == null) {
        mostrarAlert('Error... ', 'Hubo un error en el servidor al intentar obtener los 10 primeros items del ranking.', 'alert-error');
    }
    /**************/
    else {
        eval('llenarAccordion' + rubro + '(datos);');
    }
}

function llenarAccordionPelicula(datos) {
    $.each(datos, function (index, obj) {

        $('.tituloPelicula').eq(index).append('<a href="#">' + obj.Titulo + '</a>');
        $('.nombrePelicula').eq(index).append('<p>TÍTULO ORIGINAL: ' + obj.Titulo + '</p>');
        $('.actoresPelicula').eq(index).append('<p>ACTORES: ' + obj.Actores + '</p>');
        $('.generoPelicula').eq(index).append('<p>GÉNERO: ' + obj.Genero + '</p>');
        $('.direccionPelicula').eq(index).append('<p>DIRECCIÓN: ' + obj.Directores + '</p>');
        $('.origenPelicula').eq(index).append('<p>ORIGEN: ' + obj.Origen + '</p>');
        $('.duracionPelicula').eq(index).append('<p>DURACIÓN: ' + obj.Duracion + ' Minutos</p>');
        $('.calificacionPelicula').eq(index).append('<p>CLASIFICACIÓN: ' + obj.Clasificacion + '</p>');
        $('.imagenPelicula').eq(index).append('<img src=' + obj.Imagen + ' width="200" height="280" />');
        $('.viewItemPelicula').eq(index).attr("href", $('.viewItemPelicula').eq(index).attr("href") + '?Id=' + obj.Id + '?Item=' + 'Pelicula');
        $('.top10Pelicula').eq(index).append('<a href="DetalleItem.aspx?Id=' + obj.Id + '?Item=' + 'Pelicula' + '" ' + ' target="_blank"><h3>' + obj.Titulo + '</h3></a>');
        $('.calificacion').eq(index).append("<div id='rateit" + obj.Id + "' class='estrellas'></div>");
        $('#rateit' + obj.Id).rateit({ max: 5, value: obj.PuntajeTotal, readonly: true });
    });

}

function llenarAccordionLibro(datos) {
    $.each(datos, function (index, obj) {
        $('.tituloLibro').eq(index).append('<a href="#">' + obj.Titulo + '</a>');
        $('.nombreLibro').eq(index).append('<p>TÍTULO: ' + obj.Titulo + '</p>');
        $('.autoresLibro').eq(index).append('<p>AUTORES: ' + obj.Autores + '</p>');
        $('.generoLibro').eq(index).append('<p>GÉNERO: ' + obj.Genero + '</p>');
        $('.isbnLibro').eq(index).append('<p>ISBN: ' + obj.Isbn + '</p>');
        $('.anioLibro').eq(index).append('<p>AÑO: ' + obj.Año + '</p>');
        $('.imagenLibro').eq(index).append('<img src=' + obj.Imagen + ' width="200" height="280" />');
        $('.viewItemLibro').eq(index).attr("href", $('.viewItemLibro').eq(index).attr("href") + '?Id=' + obj.Id + '?Item=' + 'Libro');
        $('.top10Libro').eq(index).append('<a href="DetalleItem.aspx?Id=' + obj.Id + '?Item=' + 'Libro' + '" ' + ' target="_blank"><h3>' + obj.Titulo + '</h3></a>');
        $('.calificacion').eq(index).append("<div id='rateit" + obj.Id + "' class='estrellas'></div>");
        $('#rateit' + obj.Id).rateit({ max: 5, value: obj.PuntajeTotal, readonly: true });

    });

}


function llenarAccordionRestaurant(datos) {
    $.each(datos, function (index, obj) {
        $('.tituloRestaurant').eq(index).append('<a href="#">' + obj.Titulo + '</a>');
        $('.nombreRestaurant').eq(index).append('<p>NOMBRE: ' + obj.Titulo + '</p>');
        $('.direccionRestaurant').eq(index).append('<p>DIRECCIÓN: ' + obj.Direccion + '</p>');
        $('.telefonoRestaurant').eq(index).append('<p>TELÉFONO: ' + obj.Telefono + '</p>');
        $('.horarioRestaurant').eq(index).append('<p>HORARIO: ' + obj.Horario + '</p>');
        $('.categoriaRestaurant').eq(index).append('<p>CATEGORÍA: ' + obj.Categoria + '</p>');
        $('.localidadRestaurant').eq(index).append('<p>LOCALIDAD: ' + obj.Localidad + '</p>');
        $('.provinciaRestaurant').eq(index).append('<p>PROVINCIA: ' + obj.Provincia + '</p>');
        $('.imagenRestaurant').eq(index).append('<img src=' + obj.Imagen + ' width="200" height="280" />');
        $('.viewItemRestaurant').eq(index).attr("href", $('.viewItemRestaurant').eq(index).attr("href") + '?Id=' + obj.Id + '?Item=' + 'Restaurant');
        $('.top10Restaurant').eq(index).append('<a href="DetalleItem.aspx?Id=' + obj.Id + '?Item=' + 'Restaurant' + '" ' + ' target="_blank"><h3>' + obj.Titulo + '</h3></a>');
        $('.calificacion').eq(index).append("<div id='rateit" + obj.Id + "' class='estrellas'></div>");
        $('#rateit' + obj.Id).rateit({ max: 5, value: obj.PuntajeTotal, readonly: true });

    });
}

function llenarAccordionTeatro(datos) {
    $.each(datos, function (index, obj) {

        $('.tituloTeatro').eq(index).append('<a href="#">' + obj.Titulo + '</a>');
        $('.nombreTeatro').eq(index).append('<p>TÍTULO: ' + obj.Titulo + '</p>');
        $('.actoresTeatro').eq(index).append('<p>ACTORES: ' + obj.Actores + '</p>');
        $('.generoTeatro').eq(index).append('<p>GÉNERO: ' + obj.Genero + '</p>');
        $('.direccionTeatro').eq(index).append('<p>DIRECCIÓN: ' + obj.Directores + '</p>');
        $('.teatroTeatro').eq(index).append('<p>TEATRO: ' + obj.Teatro + '</p>');
        $('.imagenTeatro').eq(index).append('<img src=' + obj.Imagen + ' width="200" height="280" />');
        $('.viewItemTeatro').eq(index).attr("href", $('.viewItemTeatro').eq(index).attr("href") + '?Id=' + obj.Id + '?Item=' + 'Teatro');
        $('.top10Teatro').eq(index).append('<a href="DetalleItem.aspx?Id=' + obj.Id + '?Item=' + 'Teatro' + '" ' + ' target="_blank"><h3>' + obj.Titulo + '</h3></a>');
        $('.calificacion').eq(index).append("<div id='rateit" + obj.Id + "' class='estrellas'></div>");
        $('#rateit' + obj.Id).rateit({ max: 5, value: obj.PuntajeTotal, readonly: true });
    });

}